﻿@model GPS.ENTITYS.CrudModelDPT

@{
    ViewBag.Title = "Tạo mới phương tiện";
}

<style type="text/css">
    .btn-file {
        position: relative;
        overflow: hidden;
    }

        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            background: red;
            cursor: inherit;
            display: block;
        }

    input[readonly] {
        background-color: white !important;
        cursor: text !important;
    }
</style>

@using (Html.BeginForm("Create", "GPS_PhuongTien", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <h3 class="text-center fdb-title-search-form">Thêm Mới Phương Tiện</h3>
    <div id="tabs">
        @*<ul>
                <li><a href="#tabs-1">Hồ sơ phương tiện</a></li>
            </ul>*@
        <div id="tabs-1">
            @Html.Hidden("IsEdit", 0)
            <fieldset class="fs_body">
                <legend class="head_title">Thông tin phương tiện</legend>

                <div class="col-md-8">

                    <div class="row margin-top-05">
                        <div class="col-md-2 control-label">
                            Biển Số<span style="color:red;">(*)</span>
                        </div>
                        <div class="col-md-4">
                            @Html.TextBoxFor(model => model.PT_BIENSO, new { @class = "form-control", @id = "PT_BIENSO" })
                            @Html.ValidationMessageFor(model => model.PT_BIENSO)
                        </div>

                    </div>
                    <div class="row margin-top-05">
                        <div class="col-md-2 control-label">
                            Đơn Vị Đào tạo<span style="color:red;">(*)</span>
                        </div>
                        <div class="col-md-10">
                            @*@Html.DropDownListFor(model => model.PT_DVGTVT_MA, (SelectList)ViewBag.PT_DVGTVT_MAss, "-- Lựa Chọn --", new { @class = "form-control", @id = "PT_DVGTVT_MA" })*@
                            @Html.TextBoxFor(model => model.PT_DVGTVT_MA, new { @class = "form-control", @id = "PT_DVGTVT_MA",@style = "width:100%;max-width:100%;" })
                    
                            <span id="rDataDVGTVT_MA" style="width:500px"></span>
                            @Html.ValidationMessageFor(model => model.PT_DVGTVT_MA)
                            <div class="help-tip">
                                <p>Gõ mã hoặc Tên Đơn vị  để hiển thị danh sách đơn vị </p>
                            </div>
                        </div>
                    </div>
                    <div class="row margin-top-05">
                        <div class="col-md-2 control-label">
                            Số Đăng Ký<span style="color:red;">(*)</span>
                        </div>
                        <div class="col-md-4">
                            @Html.TextBoxFor(model => model.PT_SODK, new { @class = "form-control" })

                        </div>
                        <div class="col-md-2 control-label">
                            Có sở hữu
                        </div>
                        <div class="col-md-4">
                            @Html.DropDownListFor(model => model.PT_COSOHUU, new List<SelectListItem>
                                {
                                                    new SelectListItem() {Text = "Chính chủ", Value="0"},
                                                    new SelectListItem() {Text = "Hợp đồng", Value="1"}

                                }, new { @class = "form-control" })
                        </div>
                    </div>

                    <div class="row margin-top-05">
                        <div class="col-md-2 control-label">
                            Nhãn hiệu
                        </div>
                        <div class="col-md-4">
                            @Html.TextBoxFor(model => model.PT_NHANHIEU, new { @class = "form-control" })

                        </div>

                        <div class="col-md-2 control-label">
                            Loại xe
                        </div>
                        <div class="col-md-4">
                            @Html.TextBoxFor(model => model.PT_LOAIXE, new { @class = "form-control" })

                        </div>

                        <div class="col-md-2 control-label">
                            Trạng Thái<span style="color:red;">(*)</span>
                        </div>
                        <div class="col-md-4">
                            @Html.DropDownListFor(model => model.PT_ACTIVE, new List<SelectListItem>
                                {
                                    new SelectListItem() {Text = "--Lựa Chọn--", Value=""},
                                    new SelectListItem() {Text = "Không Hiệu Lực", Value="0"},
                                    new SelectListItem() {Text = "Hiệu Lực", Value="1"}

                                }, new { @class = "form-control" })
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <fieldset class="fs_body">
                        <legend class="head_title">Ảnh Đại Diện</legend>
                        <div style="margin: 10px auto; text-align:center;">
                            <img id="output_image" width="100px" height="120px" />
                        </div>
                        <div class="input-group">
                            <span style="cursor:pointer" class="input-group-btn">
                                <span style="cursor:pointer" class="btn btn-primary btn-file">
                                    Chọn file&hellip; <input type="file" style="cursor:pointer" name="vPT_ANHXE" id="vPT_ANHXE" onchange="preview_image(event)" />
                                </span>
                            </span>
                            <span>
                                <input type="text" class="form-control" readonly class="form-control" />
                            </span>
                        </div>
                    </fieldset>
                </div>
            </fieldset>
            <br />


            <fieldset class="fs_body">
                <legend class="head_title">Thông tin chi tiết</legend>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Mác xe
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_MACXE, new { @class = "form-control" })
                    </div>

                    <div class="col-md-2 control-label">
                        Hãng xe
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_HANGXE, new { @class = "form-control", @id = "PT_HANGXE" })
                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Màu xe
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_MAUXE, new { @class = "form-control", @id = "PT_MAUXE" })
                    </div>
                    <div class="col-md-2"></div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Số máy
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_SOMAY, new { @class = "form-control" })
                    </div>

                    <div class="col-md-2 control-label">
                        Số khung
                    </div>
                    <div class="col-md-4">

                        @Html.TextBoxFor(model => model.PT_SOKHUNG, new { @class = "form-control" })
                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Giấy phép xe tập lái
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.PT_COSOHUU, new List<SelectListItem>
                                {
                                                    new SelectListItem() {Text = "Không", Value="0"},
                                                    new SelectListItem() {Text = "Có", Value="1"}

                                }, new { @class = "form-control" })
                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Số giấy phép xe tập lái
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_SOGPXTL, new { @class = "form-control" })

                    </div>

                    <div class="col-md-2 control-label">
                        Cơ quan cấp Giấy phép xe tập lái
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_CQCAPGPXTL, new { @class = "form-control" })
                    </div>
                </div>

                <div class="row margin-top-05">

                    <div class="col-md-2 control-label">
                        Ngày cấp GP
                    </div>
                    <div class="col-md-4">

                        @Html.TextBoxFor(model => model.PT_NGAYGPXTL, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                    </div>

                    <div class="col-md-2 control-label">
                        Ngày cấp HH GP
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_NGAYHHGPXTL, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Năm sản xuất
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_NAMSX, new { @class = "form-control" })
                    </div>

                    <div class="col-md-2 control-label">
                        Hệ thống phanh phụ
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.PT_COPHANHPHU, new List<SelectListItem>
                                {
                                                    new SelectListItem() {Text = "Không", Value="0"},
                                                    new SelectListItem() {Text = "Có", Value="1"}

                                }, new { @class = "form-control" })

                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Ngày cấp Giấy chứng nhận kiểm định ATKT và BVMT
                    </div>
                    <div class="col-md-4">

                        @Html.TextBoxFor(model => model.PT_NGAYGCNKD, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                    </div>

                    <div class="col-md-2 control-label">
                        Ngày hết hạn Giấy chứng nhận kiểm định ATKT và BVMT
                    </div>
                    <div class="col-md-4">

                        @Html.TextBoxFor(model => model.PT_NGAYHHGCNKD, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Bảo hiểm trách nhiệm dân sự còn hiệu lực
                    </div>
                    <div class="col-md-4">

                        @Html.DropDownListFor(model => model.PT_COBAOHIEM, new List<SelectListItem>
                                {
                                                    new SelectListItem() {Text = "Không còn hiệu lực", Value="0"},
                                                    new SelectListItem() {Text = "Còn hiệu lực", Value="1"}

                                }, new { @class = "form-control" })

                    </div>

                    <div class="col-md-2 control-label">
                        Tuyến Đường Tập Lái
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_TUYENDUONG, new { @class = "form-control" })
                    </div>
                </div>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Chất Lượng
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.PT_CHATLUONG, new { @class = "form-control" })
                    </div>
                    <div class="col-md-2 control-label">
                        Trạng thái
                    </div>
                    <div class="col-md-4">
                        @Html.DropDownListFor(model => model.PT_ACTIVE, new List<SelectListItem>
                                {
                                    new SelectListItem() {Text = "--Lựa Chọn--", Value=""},
                                    new SelectListItem() {Text = "Không Hiệu Lực", Value="0"},
                                    new SelectListItem() {Text = "Hiệu Lực", Value="1"}

                                }, new { @class = "form-control" })
                    </div>
                </div>
                <div class="row margin-top-05">

                    <div class="col-md-2 control-label">
                        Mô Tả
                    </div>
                    <div class="col-md-10">
                        @Html.TextAreaFor(model => model.PT_MOTA, new { @class = "form-group", @rows = 5, @style = "width:100%;max-width:100%;" })
                    </div>
                </div>
              
                <div class="row margin-top-05">

                </div>

            </fieldset>
        </div>
    </div>
    <br />

    <div class="row">
        <div class="col-md-12">
            <button type="submit" class="btn btn-danger btn-sm">
                <span class="glyphicon glyphicon-floppy-disk"></span> Cập nhật
            </button>
            &nbsp;&nbsp;
            @Html.ActionLink("Quay lại", "Index", null, new { @class = "btn btn-primary btn-sm" })
        </div>

    </div>
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/datepicker.js"></script>
<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/jquery.maskMoney.js"></script>
<script src="~/Scripts/jquery.number.js"></script>
<script src="~/Scripts/jquery.masknumber.js"></script>
<script src="~/Scripts/moment.js"></script>
<script type="text/javascript">
    $(document).tooltip();
    // Voi jQuery 1.9 > thi chi validate gia tri trong active tab
    // Muon validate nhung gia tri trong cac tab khac nua thi dung jquery.validate 1.8.1 or 1.7
    // mask edit cho truong ngay thang (su dung jquery.maskedinput)
    function ToJavaScriptDate(value) {
        if (value != null) {
            var pattern = /Date\(([^)]+)\)/;
            var results = pattern.exec(value);
            var dt = new Date(parseFloat(results[1]));
            return dt.getDate() + "/" + (dt.getMonth() + 1) + "/" + dt.getFullYear();
        }
        return null;
    }
</script>

<script type='text/javascript'>
    $(document).on('change', '.btn-file :file', function () {
        var input = $(this),
            numFiles = input.get(0).files ? input.get(0).files.length : 1,
            label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
        input.trigger('fileselect', [numFiles, label]);
    });

    function preview_image(event) {
        var reader = new FileReader();
        reader.onload = function () {
            var output = document.getElementById('output_image');
            output.src = reader.result;
        }
        reader.readAsDataURL(event.target.files[0]);
    }
</script>

<script type="text/javascript">
    $("#PT_NGAYGPXTL").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });

    $("#PT_NGAYHHGPXTL").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });

    $("#PT_NGAYGCNKD").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });

    $("#PT_NGAYHHGCNKD").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });

    $("#PT_NGAYGPXTL").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
    $("#PT_NGAYHHGPXTL").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
    $("#PT_NGAYGCNKD").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
    $("#PT_NGAYHHGCNKD").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });

    // cho phep nhap so thap phan (su dung jquery.number)
    //$("#GV_THAMNIENLX").number(true, 2, '.', '');

</script>

@Styles.Render("~/Content/themes/base/css")

<script type="text/javascript">
    $(document).ready(function () {
        $('.btn-file :file').on('fileselect', function (event, numFiles, label) {

            var input = $(this).parents('.input-group').find(':text'),
                log = numFiles > 1 ? numFiles + ' files selected' : label;

            if (input.length) {
                input.val(log);
            } else {
                if (log) alert(log);
            }

        });

        $("#PT_DVGTVT_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_PhuongTien/AutoCompleteDVGTVT_MA",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.DVGTVT_TEN, value: item.DVGTVT_MA + ':' + item.DVGTVT_TEN };
                        }))


                    }
                })
            },

            messages: {
                noResults: "", results: ""
            }
        }).click(function () {
            $(this).val("");
            $(this).autocomplete("search");
        });
    })
</script>

